따라하며 배우는 노드 리액트 기본 React VS React Hooks 리액트 생성 순서 생성: constructor를 먼저 실행을 해 상태를 부여 -> render(HTML,jsx을 DOM에 알맞게 할당. 화면 렌더링) -> componentDidMount(데이터 가져오기 등) 수정: render부터 componentDidUpdate 과정까지 수행 삭제: componentWillUnmount React Component Class Component 더 많은 기... 인프런따라하며 배우는 노드 리액트 기본따라하며 배우는 노드 리액트 기본 비밀 설정 정보 관리 소스 내부 비밀 정보 보호를 보호한다 소스 코드 내 비밀 정보 보호 mongo DB에 연결시 URI에 데이터베이스 접근 비밀번호가 포함되어 있기에 이 부분을 보호해야 함 config 폴더 생성 config 폴더 내에 dev.js, key.js, prod.js 생성 개발 환경이 Local(develoment) 환경이냐 배포(production) 환경이냐에 따라 처리를 다르게 함 key.js L... 따라하며 배우는 노드 리액트 기본인프런따라하며 배우는 노드 리액트 기본 인증(Authentication) 기능 만들기 페이지 이동 때마다 로그인 여부와 관리자, 유저 체크, 권한의 여부를 체크하는 것이 필요하다. 이를 auth route를 만듦으로써 구현해본다. 구현 방법 저번에 서버 부분에서 데이터베이스에 토큰 정보를 저장하고, 클라이언트 부분에서는 쿠키에 토큰을 저장하였다. 클라이언트에서 서버에 쿠키에 담겨져 있는 토큰을 전달 서버 부분에서는 토큰의 Decoding 과정으로 통해 User ID를 얻어냄 ... 인프런따라하며 배우는 노드 리액트 기본따라하며 배우는 노드 리액트 기본
React VS React Hooks 리액트 생성 순서 생성: constructor를 먼저 실행을 해 상태를 부여 -> render(HTML,jsx을 DOM에 알맞게 할당. 화면 렌더링) -> componentDidMount(데이터 가져오기 등) 수정: render부터 componentDidUpdate 과정까지 수행 삭제: componentWillUnmount React Component Class Component 더 많은 기... 인프런따라하며 배우는 노드 리액트 기본따라하며 배우는 노드 리액트 기본 비밀 설정 정보 관리 소스 내부 비밀 정보 보호를 보호한다 소스 코드 내 비밀 정보 보호 mongo DB에 연결시 URI에 데이터베이스 접근 비밀번호가 포함되어 있기에 이 부분을 보호해야 함 config 폴더 생성 config 폴더 내에 dev.js, key.js, prod.js 생성 개발 환경이 Local(develoment) 환경이냐 배포(production) 환경이냐에 따라 처리를 다르게 함 key.js L... 따라하며 배우는 노드 리액트 기본인프런따라하며 배우는 노드 리액트 기본 인증(Authentication) 기능 만들기 페이지 이동 때마다 로그인 여부와 관리자, 유저 체크, 권한의 여부를 체크하는 것이 필요하다. 이를 auth route를 만듦으로써 구현해본다. 구현 방법 저번에 서버 부분에서 데이터베이스에 토큰 정보를 저장하고, 클라이언트 부분에서는 쿠키에 토큰을 저장하였다. 클라이언트에서 서버에 쿠키에 담겨져 있는 토큰을 전달 서버 부분에서는 토큰의 Decoding 과정으로 통해 User ID를 얻어냄 ... 인프런따라하며 배우는 노드 리액트 기본따라하며 배우는 노드 리액트 기본